<!-- <script setup lang="ts">
import { reactive } from "vue";

const sport = reactive({"time":"0分钟","foot":"0步","long":"0公里"})
function updateSport(){
sport.time = "223分钟";
sport.foot = "242424步";
sport.long = "10301公里";
console.log(sport)
}
</script>

<template>
<h1 style="color: red ;">运动数据</h1>
<h3>运动时间：{{ sport.time }}</h3>
<h3>行走步数：{{ sport.foot }}</h3>
<h3>运动距离：{{ sport.long }}</h3>
<input type="button" value="更新" @click="updateSport">
</template>
<style scoped></style> -->

<template>
  <div>
    <User />
  </div>
</template>

<script setup>
import User from "./components/User.vue";
</script>

<style scoped>
/* 可根据需要添加全局样式 */
</style>
